﻿.pager
{
	height: 30px;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-left: 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
}
.pager div.short
{
	float: right;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	width: 74px;
}
.pager div.short input
{
	width: 28px;
	height: 18px;
	border: none;
	margin-left: 8px;
	float: left;
}
.pager ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 4px;
}
.pager ul li
{
	display: inline;
	margin-left: 2px;
}
.pager ul li a.normal
{
	text-decoration: none;
	display: inline-table;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
.pager span
{
	margin-left: 4px;
	color: White;
	float: left;
}
.pager .btn
{
	display: block;
	text-align: center;
	float: left;
	padding: 2px;
	margin: 0;
	margin-left: 4px;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	height: 16px;
}
.pager ul li a.active
{
	text-decoration: none;
	display: inline-table;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
/*black*/.black
{
	background-color: #202020;
}
.black.normal,
.pager.black .btn
{
	background: url("images/ui-bg_glass_20_555555_1x400.png") repeat-x scroll 50% 50% #555555;
	color: #EEEEEE;
	border: solid 1px #000;
}

.black.normal:hover,
.pager.black .btn:hover
{
	background: #0078a3 url(images/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x;
	color: #fff;
}

.black.active,
.black.active:hover
{
	background: url("images/ui-bg_inset-soft_30_f58400_1x100.png") repeat-x scroll 50% 50% #F58400;
	color: #fff;
	border: solid 1px #000;
}